.demo{
    .conteiner{
        width: 100%;
        background-color:#2b80d9;
        text-align: center;
    }
}

.demo2{
    width:100%;
    background-color:#fbfaf7;
    .con{
        width: 80%;
        margin: auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        padding: 6em 0;
        .yy{
            width: 60%;
            .key{
              .gg{
                       color:#0078d7;
                       font-size:3em;
                       font-weight: bolder;
                       display: block;
                     }
                     h{
                        font-size: 1.5em;
                        color:#888;
                     }
                  }
                  .jj{
                    margin-top:18em;
                    width: 100%;
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    font-size: 0.6em; 
                    .key2{
                        display: flex;
                        justify-content: space-between;
                        width: 50%;
                        .key2_1 img{
                            width:12em;
                            display:inline-block;
                        }
                        .key3 ul li:nth-child(1){
                            display:inline-block;
                            font-size: 1.8em;
                            font-weight: bolder;
                        }
                        .key3 ul li:nth-child(2){
                            display:inline-block;
                            color:#666666;
                        }
                    }
                    .key4{
                        display: flex;
                        justify-content: space-between;
                        width: 50%;
                        .key4_1 img{
                            width:12em;
                            display:inline-block;
                        }
                        .key5 ul li:nth-child(1){
                            display:inline-block;
                            font-size: 1.8em;
                            font-weight: bolder;
                        }
                        .key5 ul li:nth-child(2){
                            display:inline-block;
                            color:#666666;
                        }
                    }
                    .key6{
                        display: flex;
                        justify-content: space-between;
                        width: 50%;
                            padding: 4em 0;
                        .key6_1 img{
                            width:12em;
                            display:inline-block;
                        }
                        .key7 ul li:nth-child(1){
                            display:inline-block;
                            font-size: 1.8em;
                            font-weight: bolder;
                        }
                        .key7 ul li:nth-child(2){
                            display:inline-block;
                            color:#666666;
                        }
                    }
                    .key8{
                        display: flex;
                        justify-content: space-between;
                        width: 50%;
                        // margin-top: 2em;
                        padding: 4em 0;
                        .key8_1 img{
                            width:12em;
                            display:inline-block;
                        }
                        .key9 ul li:nth-child(1){
                            display:inline-block;
                            font-size: 1.8em;
                            font-weight: bolder;
                        }
                        .key9 ul li:nth-child(2){
                            display:inline-block;
                            color:#666666;
                        }
                    }
                }
           }
        .key10 {
            width: 40%;
            padding-top:2em;
        }
    }
}
@media screen and(max-width:(523px)){
    .con{
        .yy{
            .key{
                .gg{
                    font-size: 1.5em !important;
                }
                h{
                    font-size: 0.8em !important;
                }
            }
        }
    }
}
@media screen and(max-width:(370px)){
    .con{
        .yy{
           
               .jj{
                   display: none !important;
               
            }
        }
    }
}


.demo3{
    width: 100%;
    background-color:#fff;
    padding-bottom: 5em; 
    .conteiner{
        width: 80%;
        display:flex;
        flex-direction: column;
        margin: auto;
        .key1{
            width:75%;
            display: flex;
            justify-content: flex-end;
            font-size: 3em;
            color:#8fc31f;
            line-height: 2em;
            padding-top: 2em;
            font-weight: bolder;
        }
        .key2{
            width:100%;
            display: flex;
            justify-content: space-between;
            .key2_1{
                width: 33%;
                margin: auto;
            }
            .key2_2{
                width: 46%;
                line-height:5.5em;
            }
        }
    }
}
@media screen and(max-width:(957px)){
    .demo3{
        .conteiner{
            .key2{
                .key2_1{
                    display: none;
                }
                .key2_2{
                    width: 100%;
                }
            }
        }
    }
}
@media screen and(max-width:(484px)){
        .demo3{
            .conteiner{
                .key1{
                    font-size: 2em;
                }
                .key2{
                    .key2_2{
                       font-size: 0.5em;
                       img{
                           width: 9%;
                       }
                    }
                }
            }
        }
    }
    @media screen and(max-width:(384px)){
        .demo3{
            .conteiner{
                .key2{
                    .key2_2{
                       font-size: 0.3em;
                       line-height: 0.5em;
                       img{
                           width: 7%;
                       }
                    }
                }
            }
        }
    }
    

.product {
	display: flex;
	width: 100%;
	padding-top: 3em;
	flex-flow: wrap column;
	align-items: center;
	background-color: #0079d7;
	color: white;
	h2 {
		font-size: 4em;
		font-weight: 550;
		text-align: center;
	}
	.pbottom {
		display: flex;
		width: 70%;
		justify-content: space-between;
		flex-wrap: wrap;
		.pcotentbox {
			display: flex;
			width: 48%;
			justify-content: space-between;
			flex-wrap: wrap;
			margin-bottom: 5em;
			img {
				width: 4em;
				height: 4em;
				margin-top: 1.5em;
			}
			.pcontent {
				width: 78%;
				p:first-child {
					font-size: 2em;
					font-weight: 500;
				}
				p {
					min-width: 100%;
					font-size: 1em;
				}
			}
		}
		@media screen and (max-width: 729px) {
			.pcotentbox {
				width: 100%;
			}
		}
	}
	@media screen and (max-width:500px){
        
		h2{
			font-size: 2em;
		}
        .pcotentbox{
            img{
                width: 13%;
            }
	}
}
}


.demo7{
    width: 100%;
    height:100%;
    background-color: #fff;
    .kk{
        width: 80%;
        margin:auto;
        display: flex;
        justify-content: space-between;
        padding-top: 5em;
        padding-bottom: 6em;
        .k{
            font-size:2em;
            font-weight: bolder;
        }
    }
    .kk2{
        // width: 100%;
        width: 80%;
        display:inline-block; 
          display: flex;
            margin: auto;
          justify-content:space-between;

        .kk3{
            width: 50%; 
           margin:auto; 
        }
        .kk4{
            width: 35%; 
             display: flex;
               justify-content: space-between;
                flex-wrap: wrap;
                  text-align: center;
        }
    }

}
@media screen and(max-width:(869px)){
    .demo7{
      
        .kk2{
            display:flex;
            flex-wrap: wrap;
            flex-direction: column;
            justify-content: space-between;
            //  .kk3{
                 
            //  }
            .kk4{
                width: 100%;
                padding: 2em 0;
            }
        }
    }
}


.demo999{
    .kkk{
        width:56%;
        height:50%;
        margin: auto;
         form{
            font-size: 1.5em;
            display: inline-block;
            padding-top:5em;
        }
        span{
            display: inline-block;
            font-size: 0.6em;
        }
    }
    .kk999{   
        width: 50%;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        margin:auto;
    .kk1 img {
        width: 100%;
        display:inline-block;

     
    }
}
}
@media screen and(max-width:(548px)){
    .demo999{
        .kk999{
            width: 100%;
        }
    }
}

.demo13{
    width:100%;
    border:1px solid #3b3b3b;
    background-color:#3b3b3b; 
    color: #888;
  
    .coteiner{
        align-items: center;
         display: flex;
         width: 100%;
         padding:2em 0;
         align-items: center;
         justify-content: space-around;
         .nn{
             .jj5{
                 display: flex;
                 .jj{
                     width:20%;
                 }
                 .jj2{
                        width:20%;
                 }
                
             }
         }
         .nn2{
             display: flex;
             justify-content: space-between;
             align-items: center;
         }
    }
}